<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>签约客户</title>
    <!-- Bootstrap -->
    <link href="public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="public/css/common.css" rel="stylesheet"><!--公共样式-->
    <link href="public/css/public_fenye.css" rel="stylesheet"><!--分页样式-->
    <link href="public/css/position_center.css" rel="stylesheet">
    <link href="public/css/account_subscribers.css" rel="stylesheet">
</head>
<body>
<!-- 头部 -->
<nav class="navbar navbar-default navbar-fixed-top head">
    <div class="container">
        <div class="container-fluid">
            <!-- logo -->
            <div class="navbar-header logo">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="public/image/logo_name.png" height="36px"></a>
            </div>

            <!-- 菜单 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="#">主页</a></li>
                    <li class="active"><a href="#">合约交易</a></li>
                    <li><a href="#">期权交易</a></li>
                    <li><a href="#">智能跟单</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
                <!--  二级菜单-->
                <ul class="nav navbar-nav navbar-right head_right">
                    <li class="dropdown">
                        <!--  <button type="button" class="btn btn-default navbar-btn">登录</button>
                          <button type="button" class="btn btn-default navbar-btn">注册</button>-->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <img class="head_img" src="public/image/head.png">
                            <span>数字合约</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</nav>
<!--主体-->
<div class="centent_center">
    <div class="container">
        <!--左侧菜单-->
        <div class="list-group list_user">
            <a href="#" class="list-group-item active"> 账户中心</a>
            <a href="#" class="list-group-item">钱包中心</a>
            <a href="#" class="list-group-item">推广中心</a>
            <a href="#" class="list-group-item">跟随交易</a>
            <a href="#" class="list-group-item">充值明细</a>
            <a href="#" class="list-group-item">分享赚币</a>
            <a href="#" class="list-group-item">消息中心</a>
            <a href="#" class="list-group-item">账号设置</a>
            <a href="#" class="exit">退出</a>
        </div>

        <!-- 右侧内容-->
        <div class="user_right_centent">
            <!---->
            <div class="follow_transaction_head">
                <div class="follow_transaction_title">
                    <p>账户中心 &gt; 充值</p>
                </div>
            </div>
            <ul id="myTab" class="nav account_tab">
                <li class="active account_tabli">
                    <a href="#home" data-toggle="tab">
                        OTC交易
                    </a>
                </li>
                <li class="bor"></li>
                <li>
                    <a href="#ios" data-toggle="tab">
                        钱包转账
                    </a>
                </li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active " id="home">
                    <table class="position_conter_table">
                        <tbody>
                        <tr class="position_conter_tableTr">
                            <td>签约商户</td>
                            <td>是否认证</td>
                            <td>单价 (1USDT=￥6.65)</td>
                            <td>限额</td>
                            <td>状态</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>Mobi Me Limite</td>
                            <td>是</td>
                            <td>6.65</td>
                            <td>20USDT-7500USDT</td>
                            <td>在线</td>
                            <td><span>下一步</span></td>
                        </tr>
                        <tr>
                            <td>Mobi Me Limite</td>
                            <td>是</td>
                            <td>6.65</td>
                            <td>20USDT-7500USDT</td>
                            <td>在线</td>
                            <td><span>下一步</span></td>
                        </tr>
                        <tr>
                            <td>Mobi Me Limite</td>
                            <td>是</td>
                            <td>6.65</td>
                            <td>20USDT-7500USDT</td>
                            <td>在线</td>
                            <td><span>下一步</span></td>
                        </tr>
                        <tr>
                            <td>Mobi Me Limite</td>
                            <td>是</td>
                            <td>6.65</td>
                            <td>20USDT-7500USDT</td>
                            <td>在线</td>
                            <td><span>下一步</span></td>
                        </tr>
                        <tr>
                            <td>Mobi Me Limite</td>
                            <td>是</td>
                            <td>6.65</td>
                            <td>20USDT-7500USDT</td>
                            <td>在线</td>
                            <td><span>下一步</span></td>
                        </tr>
                        <tr>
                            <td>Mobi Me Limite</td>
                            <td>是</td>
                            <td>6.65</td>
                            <td>20USDT-7500USDT</td>
                            <td>在线</td>
                            <td><span>下一步</span></td>
                        </tr>
                        </tbody>
                    </table>
                    <nav aria-label="Page navigation" class="page_box">
                        <ul class="pagination">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">上一页</span>
                                </a>
                            </li>
                            <li><a href="#" class="paging_active">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">下一页</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="tab-pane fade" id="ios">
                    <div class="img">
                        <img src="public/image/or_code.png">
                        <div>
                            <p>地址二维码</p>
                            或将USDT充值到以下地址
                        </div>
                    </div>
                    <div class="address">
                        <p>1 bwbksuyysq9mc9lzkpa4chkyruamdmwad</p>
                        <div><span class="all_copy">全部复制</span></div>
                    </div>
                    <div class="warm_prompt">
                        <p>温馨提示</p>
                        <p>1．请勿向上述地址充值任何非USDT资产，否则资产将不可找回。</p>
                        <p>2．您充值至上述地址后，需整个网络节点确认，6个网络确认后方可到账</p>
                        <p>3.单笔充值不得低于50个USDT，小于此金额将不会成功</p>
                        <p>4．每次充值前需前往此页面复制地址，确保地址准确无误，错误地址会导致充币失败</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 尾部-->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <p class="title">UITOUS</p>
                <p>UITOUS是一个提供区块链场外交易和币币交易平台，我们致力于让区块链更有效的流动，让更多人可以参与到区块链行业中来</p>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">客服服务</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">客服端下载</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">关于我们</a></li>
                    <li><a href="">公司介绍</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-12 col-md-12">Copyright 2017-1018 BIHUE.COM Rights Reserved</div>
        </div>
    </div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="public/js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="public/bootstrap/js/bootstrap.min.js"></script>
<script>

</script>
</body>
</html>